.readonly {
    :global {
        .separator-line {
            display: none !important;
        }
    }
}
.templateEditor {
    :global {
        .hr-component {
            position: relative;
            height: 0;
            border-bottom: solid 1px #ddd;
            margin: 2em 0;
            &:after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                height: 20px;
                top: -10px;
            }
            .button-remove {
                display: none;
            }
            &:hover {
                .button-remove {
                    display: inline-block;
                    position: absolute;
                    z-index: 2;
                    width: 32px;
                    height: 32px;
                    text-align: center;
                    line-height: 32px;
                    left: 50%;
                    margin-left: -16px;
                    top: -16px;
                    border: solid 1px #ddd;
                    background-color: #f4f4f4;
                    border-radius: 50%;
                    cursor: pointer;
                }
            }
        }
    }
}
